<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>兄弟连</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="/static/admin/main/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="/static/admin/main/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <script src="/static/admin/main/assets/js/echarts.min.js"></script>
    <link rel="stylesheet" href="/static/admin/main/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="/static/admin/main/assets/css/amazeui.datatables.min.css"/>
    <link rel="stylesheet" href="/static/admin/main/assets/css/app.css">
    <script src="/static/admin/main/assets/js/jquery.min.js"></script>

     <style>
    /*分页样式*/  
    .pagination{text-align:center;margin-top:20px;margin-bottom: 20px;}  
    .pagination li{margin:0px 10px; border:1px solid #e6e6e6;padding: 3px 8px;display: inline-block;}  
    .pagination .active{background-color: #46A3FF;color: #fff;}  
    .pagination .disabled{color:#aaa;} 
     </style>

</head>
<body data-type="index">
<script src="/static/admin/main/assets/js/theme.js"></script>
<div class="am-g tpl-g">
    <!-- 头部 -->
    <header>
        <!-- logo -->
        <div class="am-fl tpl-header-logo">
            <a href="javascript:;"><img src="/static/admin/main/assets/img/logo.png" alt=""></a>
        </div>
        <!-- 右侧内容 -->
        <div class="tpl-header-fluid">
            <!-- 侧边切换 -->
            <div class="am-fl tpl-header-switch-button am-icon-list">
                    <span>

                </span>
            </div>
           
            <!-- 其它功能-->
            <div class="am-fr tpl-header-navbar">
                <ul>
                    <!-- 欢迎语 -->
                    {if condition="(empty($Think.session.username))"}
                        <li class="am-text-sm tpl-header-navbar-welcome">
                            <a href="{:url('admin/Login/login')}">游客您好，<span>请先登录</span> </a>
                        </li>
                    {else /}
                        <li class="am-text-sm tpl-header-navbar-welcome">
                            <a href="javascript:;">欢迎你, <span>{$Think.session.username}</span> </a>
                        </li>
                    {/if}
                    <!-- 退出 -->
                    <li class="am-text-sm">
                        <a href="{:url('admin/Login/login')}">
                            <span class="am-icon-sign-out"></span> 退出
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </header>
    <!-- 风格切换 -->
    <div class="tpl-skiner">
        <div class="tpl-skiner-toggle am-icon-cog">
        </div>
        <div class="tpl-skiner-content">
            <div class="tpl-skiner-content-title">
                选择主题
            </div>
            <div class="tpl-skiner-content-bar">
                <span class="skiner-color skiner-white" data-color="theme-white"></span>
                <span class="skiner-color skiner-black" data-color="theme-black"></span>
            </div>
        </div>
    </div>
    <!-- 侧边导航栏 -->
    <div class="left-sidebar">
        <!-- 用户信息 -->
        <div class="tpl-sidebar-user-panel">
            <div class="tpl-user-panel-slide-toggleable">
                <div class="tpl-user-panel-profile-picture">
                    {if condition="(empty($Think.session.face))"}
                        <img src="/static/admin/main/assets/img/user041.jpg" alt="">
                    {else /}
                        <img src="{$Think.session.face}" alt="">
                    {/if}
                </div>
                <span class="user-panel-logged-in-text">
                    {if condition="(empty($Think.session.username))"}
                        <i class="am-icon-circle-o am-text-success tpl-user-panel-status-icon"></i>
                        <a href="{:url('admin/Login/login')}" class="active">
                            您还未登录，请先登录
                        </a>
                    {else /}
                        <i class="am-icon-circle-o am-text-success tpl-user-panel-status-icon"></i>
                        {$Think.session.username}
                    {/if}
                </span>
            </div>
        </div>

        <!-- 菜单 -->
        <ul class="sidebar-nav">
            <li class="sidebar-nav-link">
                <a href="{:url('admin/index/index')}" class="active">
                    <i class="am-icon-home sidebar-nav-link-logo"></i> 首页
                </a>
            </li>

            <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 后台管理
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/Userlist/index')}" class="user_list">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 用户列表
                        </a>
                    </li>

                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/Userlist/add')}" class="user_add">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 添加用户
                        </a>
                    </li>
                </ul>
            </li>

            <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 角色管理
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/Role/index')}" class="user_list">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 角色列表
                        </a>
                    </li>

                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/Role/add')}" class="user_add">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 添加角色
                        </a>
                    </li>
                </ul>
            </li>

            <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 权限管理
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/Node/index')}" class="user_list">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 权限列表
                        </a>
                    </li>

                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/Node/add')}" class="user_add">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 添加权限
                        </a>
                    </li>
                </ul>
            </li>

            <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 活动管理
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/activity/index')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 活动列表
                        </a>
                    </li>

                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/Activity/add')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 活动添加
                        </a>
                    </li>
                </ul>
            </li>

             <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 用户管理
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/User/index')}" class="user_list">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 用户列表
                        </a>
                    </li>

                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/User/add')}" class="user_add">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 添加用户
                        </a>
                    </li>
                </ul>
            </li>
            <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 课程列表
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/Course/index')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 课程列表
                        </a>
                    </li>

                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/course/add')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 课程添加
                        </a>
                    </li>
                </ul>
            </li>

            <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 班期列表
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/classdate/index')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 班期列表
                        </a>
                    </li>

                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/classdate/add')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 班期添加
                        </a>
                    </li>
                </ul>
            </li>

            <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 文章列表
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/article/index')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 文章列表
                        </a>
                    </li>
                  
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/article/add')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 文章添加
                        </a>
                    </li>
                </ul>
            </li>
             
             <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 文章分类
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/sort/index')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 文章分类
                        </a>
                    </li>
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/sort/add')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 分类添加
                        </a>
                    </li>
                </ul>
            </li>
            <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 教师风采
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/teacher/index')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 教师列表
                        </a>
                    </li>

                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/teacher/add')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 教师添加
                        </a>
                    </li>
                </ul>
            </li>
            
             <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 教师分类
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/teasort/index')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 教师分类
                        </a>
                    </li>
                    <li class="sidebar-nav-link">
                        <a href="{:url('admin/teasort/add')}">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 分类添加
                        </a>
                    </li>
                </ul>
            </li>


        </ul>
    </div>


    <!-- 内容区域 -->

    <div class="tpl-content-wrapper mycontent">
        {block name="main"}
        <div class="container-fluid am-cf"></div>
        
            <div class="row am-cf">
                <div class="am-u-sm-12 am-u-md-12" >
                    <div class="widget am-cf">
                        <div class="widget-head am-cf" id="main">
                            <div class="widget-title am-fl">各课程报名人数计划</div>
                            <div class="widget-function am-fr">
                                <a href="javascript:;" class="am-icon-cog"></a>
                            </div>
                        </div>
                        <div class="widget-body-md widget-body tpl-amendment-echarts am-fr" id="tpl-echarts">
                        </div>
                    </div>
                </div>
            </div>


            <div class="row am-cf">
               
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 widget-margin-bottom-lg">

                    <div class="widget am-cf widget-body-lg">

                        <!-- 遍历右下角的文章部分 -->
                        <div class="widget-body  am-fr">
                            <div class="am-scrollable-horizontal ">
                                <table width="100%" class="am-table am-table-compact am-text-nowrap tpl-table-black "
                                       id="example-r">
                                    <thead>
                                    <tr>
                                        <th>文章标题</th>
                                        <th>作者</th>
                                        <th>时间</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {volist name="data" id="v" }
                                    <tr class="gradeX">
                                        <td>{$v.title}</td>
                                        <td>{$v.author}</td>
                                        <td>{$v[0]}</td>
                                        <td>
                                            <div class="tpl-table-black-operation">
                                                <a href="artedit/{$v.id}">
                                                    <i class="am-icon-pencil"></i> 编辑
                                                </a>
                                                <a href="artdelete/{$v.id}" class="tpl-table-black-operation-del">
                                                    <i class="am-icon-trash"></i> 删除
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    {/volist}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
            </div> 
        </div>
        {/block}
    </div>

</div>
<script src="/static/admin/main/assets/js/amazeui.min.js"></script>
<script src="/static/admin/main/assets/js/amazeui.datatables.min.js"></script>
<script src="/static/admin/main/assets/js/dataTables.responsive.min.js"></script>
<script src="/static/admin/main/assets/js/app.js"></script>
{block name="scr"}

{/block}
{block name="myjs"}
<script>

        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
            title: {
                text: 'ECharts 入门示例'
            },
            tooltip: {},
            legend: {
                data:['销量']
            },
            xAxis: {
                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
   



    //    $(function () {
    //        $('.user_list').click(function () {
    //            $.ajax({
    //                type: 'get',
    //                url: "user/list",
    //                dataType: 'html',
    //                success: function (data) {
    //                    $('.mycontent').html(data);
    //                }
    //            });
    //        });
    //        $('.user_add').click(function () {
    //            $.ajax({
    //                type: 'get',
    //                url: "user/add",
    //                dataType: 'html',
    //                success: function (data) {
    //                    $('.mycontent').html(data);
    //                }
    //            });
    //        });
    //    });
</script>
{/block}
</body>
</html>